<%-- 
    Document   : guest
    Created on : Jan 2, 2012, 8:33:45 PM
    Author     : Sha
--%>

'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <title>Cerita Unyil</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <style type="text/css">@import "css/all.css";
ul#pulau {
	list-style: none;
	width: 750px;
	height: 315px;
	position: relative;
	background: url(images/map-indo.png) no-repeat 0 0;
	margin 0;
	padding 0;
}

ul#pulau li {
	position: absolute;
}

ul#pulau li a  {
	display: block;
	outline: none;
	height: 100%;
}

ul#pulau li a  {
	text-indent: -9000px;
}

#sumatera {
	width: 208px;
	height: 211px;
	top: 2px;
	left: 0px;
}

#jawa {
	width: 163px;
	height: 59px;
	top: 219px;
	left: 170px;
}

#kalimantan {
	width: 192px;
	height: 211px;
	top: 2px;
	left: 209px;
}

#sulawesi {
	width: 101px;
	height: 144px;
	top: 81px;
	left: 402px;
}

#banus {
	width: 166px;
	height: 71px;
	top: 240px;
	left: 333px;
}

#papua {
	width: 249px;
	height: 230px;
	top: 80px;
	left: 504px;
}

ul#pulau li a:hover {
	background: url(images/map-indo.png) no-repeat 0 0;	
}

ul#pulau li#sumatera a:hover {
	background-position: 0 -317px;
}

ul#pulau li#jawa a:hover {
	background-position: -170px -534px;
}

ul#pulau li#kalimantan a:hover {
	background-position: -209px -317px;
}

ul#pulau li#sulawesi a:hover {
	background-position: -402px -396px;
}

ul#pulau li#banus a:hover {
	background-position: -333px -555px;
}

ul#pulau li#papua a:hover {
	background-position: -504px -395px;
}

</style>
        <style media="all" type="text/css">
            @import "css/all.css";.title_propinsi {
                color: #779545;
            }
            .nama_propinsi {
	color: #3F3;
	font-size: 100%;
            }
        </style>
        <!--[if lt IE 7]><style media="screen" type="text/css">@import "css/ie6.css";</style><![endif]-->
        <script defer type="text/javascript" src="pngfix.js"></script>
    </head>
    <body>
        <div id="page">
            <div id="header">
                <div class="background">
                    <h1><a>Cerita Unyil</a></h1>
                    <ul>
                        <li class="active"><a href=guest.jsp>Home</a></li>
                        <li><a href="home_1.jsp">Jelajah Indonesia</a></li>
                    </ul>
                </div>
            </div>
            <div id="content">
                
                    
                        
    <h3><div class="title_propinsi">
       <center> 
<ul id="pulau">
    <li id="sumatera"><a href="sumatera/sumatera.jsp">Pulau Sumatera</a></li>
    <li id="kalimantan"><a href="kalimantan/kalimantan.jsp">Pulau Kalimantan</a></li>
    <li id="jawa"><a href="jawa/jawa.jsp">Pulau Jawa</a></li>
    <li id="sulawesi"><a href="sulawesi/sulawesi.jsp">Pulau Sulawesi</a></li>
    <li id="banus"><a href="banus/banus.jsp">Pulau Bali dan Nusa Tenggara</a></li>
    <li id="papua"><a href="papua/papua_home.jsp">Pulau Papua</a></li>
</ul>
    </h3>
                            <ul>

                                <br>
                                    <br>
                                        <div class="block-bottom"></div>
                                        <div id="footer">
                                            <p>(c)2011 CeritaUnyil. Design by Kelompok 8 RBPL A Bunga-Rici-Sha-Dita  </p>
                                            <ul>

                                            </ul>
                                        </div>
                                        </body>
                                        </html>